
.main{
    height: calc(100% - 150px);
    height: -webkit-calc(100% - 150px);
    margin-top: 150px;
    background: #f6f6f6;
}

.search{
    height: 100px;
    background: #fff;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
}
.search .person{
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 15px;
    height: 50px;
}
.search .person:after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}
.search .person:before{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin: -5px 0 0 -5px;
    border-left: solid 1px #333;
    border-top: solid 1px #333;
    box-sizing: border-box;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.search .person li{
    height: 100%;
    display: flex;
    align-items: center;
    color: #666;
}
.search .person .name{
    width: 150px;
}

.search .person .info{
    width: -webkit-calc(100% - 150px);
    justify-content: flex-end;
    padding-right: 20px;
}
.search .person .info a{
    color: #666;
}
.search .content{
    position: relative;
    display: flex;
    height:50px;
    flex-flow: row nowrap;
   
}
.search .content:after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}

.search .content li{
    height: 100%;
	width:50%;
    display: flex;
	justify-content:center;
	align-items: center;
	flex-flow:row nowrap;
}

.topPon{ 
    position:fixed;
	width:100%; 
	height:-webkit-calc(100% - 150px);
	background:rgba(0,0,0,0.2); 
	left:0; 
	top:150px;
	z-index:9;
	overflow:hidden;
}
.hospAll{ 
	height:100%;
	overflow:auto;
}
.hospAll li{
	background:#fff;
	padding:0 15px; 
	height:44px;
	display: flex;
	align-items: center;
	font-size:12px;
	position:relative;
}
.hospAll li:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}

.dataSel{
	background:#fff;
	position:relative;
}
.dataSel:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}
.dataSel .title{
	padding:0 15px;
	height:44px;
	display:flex;
	align-items: center;
	font-size:14px;
}
.dataSel .list{
	padding:0 15px;
	position:relative;
	display:flex;
	flex-flow: row nowrap;
	margin:0;
	
}
.dataSel .list li{
	width:70px;
	height:30px;
	display:flex;
	align-items: center;
	justify-content:center;
	border:solid 1px #ddd;
	color:#ddd;
	font-size:12px;
	border-radius:5px;
	margin:0 8px 0 0;
	
}
.dataSel .list li.on{
	border:solid 1px #39D167;
	color:#39D167;
}

.dataSel .btns{
	margin:15px 0 0;
	padding:12px;
	position:relative;
	display:flex;
	flex-flow: row nowrap;
}
.dataSel .btns:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ddd;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}
.dataSel .btns li{
	width:50%;
}
.dataSel .btns li div{
	border:solid 1px #ddd;
	height:34px;
	display:flex;
	align-items: center;
	justify-content:center;
	font-size:12px;
	color:#ddd;
	border-radius:5px;
}
.dataSel .btns li:first-child div{
	margin:0 6px 0 0;
}
.dataSel .btns li:last-child div{
	margin:0 0 0 6px;
	border:solid 1px #39D167;
	background:#39D167;
	color:#fff;
}
.list{
    position: relative;
    margin: 10px 0;
}

.list .item{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
    padding: 0 15px;
}
.list .item:last-child{
    margin-bottom: 0;
}

.list .title{
    height: 40px;
    display: flex;
    flex-flow:row nowrap;
    align-items: center;
    position: relative;
}
.list .title:after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
}
.list .title .name{
    width: calc(100% - 80px);
    font-size: 14px;
}
.list .title .states{
    width: 80px;
    color: #999;
    padding-right: 15px;
}

.list .title .states span{
    display: block;
    width: 100%;
    text-align: right;
    font-size: 14px;

}
.list .pay{
    color:#F68400;
}


.list .content{
    padding: 10px 0;
    color: #666;
    line-height: 26px;
}
.st-yyz{
    color:#ff0000;
}

